<template>
	<div>
		<div class="shop-tab-content">
			<el-tabs v-model="activeTab">
				<el-tab-pane
					label="指定用户上传日志"
					name="userUpload"
				></el-tab-pane>
				<el-tab-pane
					v-if="hasPermission('90900050')"
					label="上传日志记录"
					name="logRecord"
				></el-tab-pane>
			</el-tabs>
		</div>

		<UserUpload v-if="activeTab === 'userUpload'" />
		<LogRecord
			v-if="activeTab === 'logRecord' && hasPermission('90900050')"
		/>
	</div>
</template>

<script>
import { routerNames } from '@/utils/consts'
import UserUpload from './components/userUpload'
import LogRecord from './components/logRecord'
export default {
	name: routerNames.userUploadLog,
	components: {
		UserUpload,
		LogRecord
	},
	data() {
		return {
			activeTab: 'userUpload'
		}
	}
}
</script>
<style lang="scss" scoped>
.shop-tab-content {
	margin: 5px 16px 0px 16px;
}
.text-click {
	color: #409eff;
	cursor: pointer;
}
</style>
